<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<title>教师端</title>
<!-- Bootstrap Core CSS -->
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../../css/sb-admin.css" rel="stylesheet">
<!-- sweet alert -->
<link href="../../css/sweet-alert.css" rel="stylesheet" />
<script src="../../js/common/sweet-alert.js"></script>
<!-- Morris Charts CSS -->
<link href="../../css/morris.css" rel="stylesheet">
<link href="../../css/common.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="../../font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<!-- jQuery -->
<script src="../../js/common/jquery.min.js"></script>
<!-- jquery.pagination -->
<link rel="stylesheet" href="../../js/jquery_pagination/pagination.css">
<script type="text/javascript"
	src="../../js/jquery_pagination/jquery.pagination.js"></script>
</head>

<body>

	<div id="wrapper">

		<!-- Navigation -->
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-ex1-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="course_manager.html">教师端</a>
			</div>
			<!-- Top Menu Items -->
			<ul class="nav navbar-right top-nav">
				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown"><i class="fa fa-user"></i><label
						id="teacher_name"></label><b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="teacher_info.html"><i
								class="fa fa-fw fa-user"></i> 个人信息</a></li>
						<li class="divider"></li>
						<li id="logout"><a href="javascripy:void(0);"><i
								class="fa fa-fw fa-power-off"></i>退出</a></li>
					</ul></li>
			</ul>
			<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
			<div class="collapse navbar-collapse navbar-ex1-collapse">
				<ul class="nav navbar-nav side-nav ">
					<li class="active"><a href="course_manager.html"><i
							class="fa fa-fw fa-dashboard"></i>课程管理</a></li>
					<li><a href="homework_manager.html"><i
							class="fa fa-fw fa-book"></i>作业管理</a></li>
					<!-- <li><a href="student_manager.html"><i
							class="fa fa-fw fa-table"></i>学生管理</a></li> -->
					<li><a href="question_manager.html"><i
							class="fa fa-fw fa-edit"></i>提问管理</a></li>
					<li><a href="meterial_manager.html"><i
							class="fa fa-fw fa-desktop"></i>材料管理</a></li>
					<li><a href="student_library.html"><i
							class="fa fa-fw fa-bar-chart-o"></i>学生库管理</a></li>
					<li><a href="teacher_info.html"><i
							class="fa fa-fw fa-wrench"></i>个人信息</a></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</nav>

		<div id="page-wrapper" style="height: 100%;">

			<div class="container-fluid" id="main">

				<!-- Page Heading -->
				<div class="row">
					<div>
						<ol class="breadcrumb">
							<li><i class="fa fa-dashboard"></i> <a
								href="course_manager.html">教师端</a></li>
							<li class="active"><i class="fa fa-table"></i> 课程管理</li>
						</ol>
					</div>
				</div>
				<!-- /.row -->
				<div class="row">

					<div class="bs-example"
						data-example-id="panel-without-body-with-table">
						<div class="panel panel-default">
							<!-- Default panel contents -->
							<div class="panel-heading">搜索栏</div>

							<div class="panel-body">
								<form class="form-inline" role="form" name="form2">
									<div class="form-group">
										<label for="userName" class="text-right search_form_div_label">课程名称：</label>
										<input type="text" class="form-control" id="course_name"
											placeholder="课程名称">
									</div>

									<div class="form-group" style="margin-left: 50%;">
										<button type="button" id="search"
											class="btn btn-primary btn-info">
											搜索<span class="glyphicon glyphicon-search"></span>
										</button>
										<button type="button" id="reset"
											class="btn btn-primary btn-warning">
											重置<span class="glyphicon glyphicon-refresh"></span>
										</button>
									</div>
								</form>
							</div>

						</div>
					</div>
				</div>
				<div class="row">
					<div class="bs-example"
						data-example-id="panel-without-body-with-table">
						<div class="rows panel panel-default">
							<!-- Default panel contents -->
							<div class="panel-heading">
								课程管理
								<button type="button" id="plus"
									class="btn btn-primary btn-info right" style="margin-left: 85%">
									新增 <span class="glyphicon glyphicon-plus"></span>
								</button>
							</div>
							<!-- Table -->
							<table class="table table-bordered table-hover">
								<thead>
									<tr>
										<th class="col-md-1">#</th>
										<th class="col-md-2">课程名称</th>
										<th class="col-md-6">课程描述</th>
										<th class="col-md-3">操作</th>
									</tr>
								</thead>
								<tbody id="tbody">

								</tbody>
							</table>
						</div>
					</div>
				</div>
				<!-- /.row -->

				<div class="text-center">
					<div id="pagination" class="pagination"></div>
				</div>
			</div>
			<!-- /.container-fluid -->

		</div>
		<!-- /#page-wrapper -->
		<div class="modal fade" id="modal_add">
			<div class="modal-dialog" class="col-md-6">
				<form class="form-horizontal addshop-form" method="post"
					enctype="multipart/form-data" id="form_add" role="form" action=""
					name="form_add">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">
								<span aria-hidden="true">×</span><span class="sr-only">Close</span>
							</button>
							<h4 class="modal-title" id="myModalLabel"></h4>
						</div>
						<div style="display: none" class="alert alert-danger text-center"
							role="alert" id="err">
							<p id="errtip" class="text-danger"></p>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<div class="col-sm-8">
									<input type="text" style="display: none" class="form-control"
										id="a_id">
								</div>
							</div>
							<div class="form-group">
								<label for="point" class="col-sm-3 control-label">课程名称：</label>
								<div class="col-sm-6">
									<input type="text" maxlength="30" class="form-control"
										id="a_course_name" name="a_course_name" placeholder="不能超过30字">
								</div>
							</div>
							<div class="form-group">
								<label for="point" class="col-sm-3 control-label">课程描述：</label>
								<div class="col-sm-6">
									<textarea maxlength="1200" class="form-control" id="a_course_describe"
										name="a_course_describe" placeholder="不能超过1200字">
								</textarea>
								</div>
							</div>
							<div class="form-group">
								<label for="point" class="col-sm-3 control-label">课程图片：</label>
								<div class="col-sm-8" >
									<input type=file accept="image/*" id="btn_chooseImg"
										style="display: none;"> <img class="img-rounded"
										src="../../images/add.png" id="img_chooseImg"
										style="width: 240px; height: 240px;"> <img
										class="img-rounded" src="" id="show_chooseImg"
										style="width: 240px; height: 240px; display: none; float: left;">
									<button type="button" class="close" id="btn_close" id="img"
										style="display: none; float: left;" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
								</div>
							</div>
						</div>
						<div class="modal-footer text-center">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">
								<span class="glyphicon glyphicon-remove"></span>&nbsp;&nbsp; 关闭
							</button>
							<button type="button" class="btn btn-success" id="add"
								>
								<span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp; 添加
							</button>
							<button type="button" class="btn btn-success" id="edit"
							onclick="course_manage.edit()">
								<span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp; 修改
							</button>
						</div>
					</div>
				</form>
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<!-- /#page-wrapper -->
		<div class="modal fade" id="modal_choose">
			<div class="modal-dialog" class="col-md-6">
				<form class="form-horizontal addshop-form" method="post"
					enctype="multipart/form-data" id="form_add" role="form" action=""
					name="form_add">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">
								<span aria-hidden="true">×</span><span class="sr-only">Close</span>
							</button>
							<h4 class="modal-title" id="">选择你要查看内容</h4>
						</div>
						<div class="modal-body text-center">
							<button type="button" class="btn btn-success" id="view1">
								<span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp; 查看作业
							</button>
							<button type="button" class="btn btn-success" id="view2">
								<span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp; 查看问题
							</button>
							<button type="button" class="btn btn-success" id="view3">
								<span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp; 查看资料
							</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">
								<span class="glyphicon glyphicon-remove"></span>&nbsp;&nbsp; 关闭
							</button>
						</div>
					</div>
				</form>
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->



		<!-- Bootstrap Core JavaScript -->
		<script src="../../js/common/bootstrap.min.js"></script>
		<script src="../../js/common/commonAjax.js"></script>
		<script src="../../js/common/teacher.js"></script>
		<script src="../../js/common/jquery.validate.min.js"></script>
		<script src="../../js/common/jquery.validate.method.js"></script>
		<script src="../../js/common/maskUtil.js"></script>
		<script src="../../js/home/course_manage.js"></script>
		<script type="text/javascript">
			$(function() {
				course_manage.init();
			});
		</script>
</body>

</html>
